@use 'dark';
@use 'light';

:root:root {
  --van-nav-bar-icon-color: var(--van-text-color);
  --van-nav-bar-arrow-size: 20px;
  --van-dialog-message-font-size: 16px;
}

* {
  user-select: none;
}

::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}

#app {
  margin: 0 auto;
  padding: 0;
}

@for $i from 1 through 6 {
  .md-#{$i} {
    margin-bottom: #{$i * 4}px !important;
  }
}

.page-container {
  padding-bottom: 50px;
}
// 路由动画
.component-view {
  position: absolute;
  width: 100%;
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}

/*淡入动画  离开 */
.fade-leave-to {
  opacity: 0;
  transform: scale(90%);
}
/* 进入 */
.fade-enter-from {
  opacity: 0;
  transform: scale(90%);
}

/*前进动画  离开 */
.slide-forward-leave-to {
  opacity: 0;
  transform: translateX(-100%);
}
/* 进入 */
.slide-forward-enter-from {
  opacity: 0;
  transform: translateX(100%);
}

/*后退动画 离开 */
.slide-backward-leave-to {
  opacity: 0;
  transform: translateX(100%);
}
/* 进入 */
.slide-backward-enter-from {
  opacity: 0;
  transform: translateX(-100%);
}
